<template>
  <div class="demo">
    <h2>学校名称：{{name}}</h2>
    <h2>学校地址：{{address}}</h2>
    <button @click="showName">点我显示学校姓名</button>
  </div>
</template>

<script>
 
export default {
     name:"School",
     data() {
        return {
            name:'尚学堂',
            address:'赛蒂科技园'
        }
     }, methods: {
        showName(){
            alert(this.name)
        }
     },
      
}
</script>

<style scoped>
 .demo{
        background-color:rgba(60, 39, 176, 0.575);
    }
</style>